﻿<Page x:Class="QKitSampleApp.MultiSelectListView.EdgeSelectPage"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="using:QKitSampleApp.MultiSelectListView"
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
      xmlns:q="using:QKit"
      mc:Ignorable="d"
      Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Page.Resources>

    </Page.Resources>
    <Page.DataContext>
        <local:EdgeSelectViewModel />
    </Page.DataContext>
    <Page.BottomAppBar>
        <CommandBar>
            <AppBarButton x:Name="SelectAppBarButton"
                          Label="select"
                          Click="SelectAppBarButton_Click">
                <AppBarButton.Icon>
                    <PathIcon Data="F1 M8.51296,12.8312 L9.49997,13.6948 L11.349,11.599 L12.4594,12.5861 L9.62337,15.7922 L7.52594,13.9416 L8.51296,12.8312 z M8.3896,18.2598 L9.37662,19.1234 L11.2256,17.0276 L12.336,18.0146 L9.50001,21.2208 L7.40259,19.3701 L8.3896,18.2598 z M8.51298,23.6883 L9.5,24.552 L11.349,22.4562 L12.4594,23.4432 L9.62339,26.6493 L7.52597,24.7987 L8.51298,23.6883 z M14.9375,15.375 C14.4197,15.375 14,14.9553 14,14.4375 C14,13.9197 14.4197,13.5 14.9375,13.5 L28.5625,13.5 C29.0803,13.5 29.5,13.9197 29.5,14.4375 C29.5,14.9553 29.0803,15.375 28.5625,15.375 L14.9375,15.375 z M14.9375,20.375 C14.4197,20.375 14,19.9553 14,19.4375 C14,18.9197 14.4197,18.5 14.9375,18.5 L30.5635,18.5 C31.0812,18.5 31.501,18.9197 31.501,19.4375 C31.501,19.9553 31.0812,20.375 30.5635,20.375 L14.9375,20.375 z M14.9375,25.125 C14.4197,25.125 14,24.7053 14,24.1875 C14,23.6697 14.4197,23.25 14.9375,23.25 L26.5382,23.25 C27.056,23.25 27.4757,23.6697 27.4757,24.1875 C27.4757,24.7053 27.056,25.125 26.5382,25.125 L14.9375,25.125 z" />
                </AppBarButton.Icon>
            </AppBarButton>
            <AppBarButton x:Name="OkAppBarButton"
                          Icon="Accept"
                          Visibility="Collapsed"
                          Click="OkAppBarButton_Click" />
        </CommandBar>
    </Page.BottomAppBar>
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>

        <!-- TitlePanel -->
        <StackPanel Margin="19,12,0,25">
            <TextBlock Text="EDGE SELECT SAMPLE"
                       Style="{ThemeResource TitleTextBlockStyle}"
                       Typography.Capitals="SmallCaps" />
            <TextBlock Text="select movies"
                       Margin="0,-6,0,0"
                       Style="{ThemeResource HeaderTextBlockStyle}" />
        </StackPanel>

        <!--TODO: Content should be placed within the following grid-->
        <Grid Grid.Row="1"
              x:Name="ContentRoot">
            <q:MultiSelectListView x:Name="SelectList"
                                   ItemsSource="{Binding Data}"
                                   SelectionModeChanged="SelectList_SelectionModeChanged">
                <ListView.ItemTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding Name}"
                                   Style="{ThemeResource ListViewItemTextBlockStyle}"
                                   Margin="0,0,0,19" />
                    </DataTemplate>
                </ListView.ItemTemplate>
            </q:MultiSelectListView>
        </Grid>
    </Grid>
</Page>
